<template>
  <div id="query">  

     <el-form ref="form" :model="form" label-width="80px">  
     <el-row>   
        <el-col :span="12" style="display:flex;">

          <el-form-item label-width="0px" >
            <el-input v-model="form.phone" placeholder="姓名/手机号" class="search"></el-input>
          </el-form-item>

           <div class="custom_button" @click="search_but"></div>
        </el-col>       
    </el-row>
   </el-form>
   <!-- 渲染数据list -->
   <query-list :count="count" @up_list_fun="list_fun"> </query-list>
    
  </div>
</template>

<script>
import QueryList from '@/view/Temporary/QueryList'
export default {
  name: 'query',
  data () {
    return {
        datalist:[],
        page:1,
        count:0,
        form:{
            phone:'',        
        },
    }
  },
 components:{
    QueryList
  },
  created(){
   
  },
  mounted (){
    
  },
  methods: {
      list_fun(){
          this.post("/member/numOfBelow", {
              telphone:this.form.phone
	        }).then(res => {
                this.count = res.result
                console.log(res)
         })
      },
      search_but(){  
           this.list_fun()
      },
      sx_but(){
          
        
      },
  }
}
</script>


<style scoped>

</style>
